<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>我的资料</title>
		<script src="../js/jquery-1.8.2.min.js"></script>
		<script src='../js/hdjs.min.js'></script>
		<script>
			 //<!--表单验证Start-->
			$(function() {
				$('#HDJS').validate({
					username: {
						rule: {
							required: true
						},
						error: {
							required: '用户名不能为空'
						},
						success: '验证通过',
						message: '请输入用户名'
					},
					email: {
						rule: {
							required: true,
							email: true
						},
						error: {
							required: '邮箱不能为空',
							email: '邮箱不正确'
						},
						
					mobile: {
						rule: {
							phone: true
						},
						error: {
							phone: '手机号错误'
						}
					},
					
				
					
					password: {
						rule: {
							required: true,
							
						},
						error: {
							required: '密码不能为空',
							
						}
					},
					sex: {
						rule: {
							required: true
						},
						error: {
							required: '请选择性别'
						}
					},
					
				})
			})
		</script>
		<script src="../city/area.js"></script>
		<script type="text/javascript">
		$(function(){
			//初始化方法
			area.init('a');
			//修改的时候默认被选中效果
			area.selected('黑龙江','哈尔滨','道里区');
		})
	</script>
		<link rel="stylesheet" href="../less/hdjs.css" />
		<link rel="stylesheet" href="../less/mydata.css" />

	</head>

	<body>
		<div id="mydata">
			<div class="mydata">
				<h2>个人资料</h2>
				<!--表单验证End-->
				<form id="HDJS" action="" method="post">
					<table class="hd-form hd-table hd-table-form">

						<tbody>

							<tr>
								<th class="hd-w150">真实姓名</th>
								<td>
									<input name="username" type="text">
								</td>
							</tr>
							<tr>
								<th>性别</th>
								<td>
									<label>
										<input name="sex" value="boy" type="radio"> 男</label>
									<label>
										<input name="sex" value="girl" type="radio"> 女</label>
									<span id="hd_sex"></span>
								</td>
							</tr>
							<tr>
								<th>图像</th>
								<td>
									<div class="pic_list">
    <ul>
        <li><a href="">
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic1.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic2.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic3.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic4.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic5.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic6.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic7.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic8.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic9.jpg" /></a></li>
        <li><a>
            <img   width="60" height="60"  src="http://user.vanclimg.com/myavatar/VT/pic10.jpg" /></a></li>
        
    </ul>
</div>
								</td>
							</tr>
							<tr>
								<th>邮箱</th>
								<td>
									<input name="email" type="text">
								</td>
							</tr>
							

							<tr>
								<th>手机</th>
								<td>
									<input name="mobile" type="text">
								</td>
							</tr>
							
							<tr>
								<th>密码</th>
								<td>
									<input name="password" type="text">
								</td>
							</tr>
							<tr>
								<th>地址</th>
								<td>
									<select name="" id="a1">

									</select>
									<select name="" id="a2">

									</select>
									<select name="" id="a3">
								</td>
							</tr>
							<tr>
								<th>详细地址</th>
								<td>
									<input name='xiangxi' type="text">
								</td>
							</tr>
							
						
						</tbody>
					</table>
					<br />
					<br />
					<br />
					<input value="保存" class="hd-btn hd-btn-sm" type="submit"style='margin-left:100px;'>
				</form>

			</div>
		</div>
	</body>

</html>